/* CSS Document */

li{list-style-type: none;}
a,input{outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);color: #666;}
.head{ position:relative; width:100%; height:6.62rem;margin: 0;padding: 0; overflow:hidden; background:url(../images/person/person_top.jpg) no-repeat; background-size:100% 6.62rem; color:#fff;}
.head .head-img{ position:absolute; top:1.15rem; left:5rem; text-align:center; }
.head .head-img img{ width:1.52rem; height:1.52rem;}
.head .head-img p{ width:2.8rem; height:1.3rem; line-height:0.65rem; overflow:hidden; font-size:0.43rem;}
.head .head-img p span{ width:1.4rem; text-align:center;}
.head .head-img p span.line{ border-right:1px solid #b8b0aa; margin-right:0.25rem; padding-right:0.25rem;}
.logo-dbs{ position:absolute; bottom:1.35rem; left:2.5rem;}
.head .bt{ position:absolute; bottom:0; left:0.4rem; width:11.62rem; height:1.15rem; text-align:center; border-top:1px solid #b8b0aa; overflow:hidden;}
.head .bt p{ float:left; width:5.78rem; height:0.65rem; line-height:0.65rem; text-align:center; margin: 0.3rem 0; font-size:0.42rem;}
.head .bt p.bt-lf{ border-right:1px solid #b8b0aa; }
.whe{ width:12.42rem; height:2.4rem; margin-top:0.25rem; border:1px solid #e5e5e5; border-left:none; border-right:none; overflow:hidden;}
.whe .whe-lt{ float:left; width:6.18rem; height:1.4rem; text-align:center; font-size:0.46rem; margin:0.45rem 0;}
.whe .whe-br{ border-right:1px solid #e1e1e1;}
.whe .whe-lt p.lf-tp{}
.whe .whe-lt p.lf-tp img{ width:0.71rem; height:0.65rem; vertical-align:middle; margin-right:0.3rem;}
.whe .whe-lt p.lf-bt{ margin-top:0.4rem; color:#aeaeae;}
.whe .whe-lt p.lf-bt span{ margin:0 0.18rem;}
.person{ width:12.42rem; height:100%; border-top:1px solid #e5e5e5; margin:0.25rem 0 1rem 0; overflow:hidden;}
.person .pn-lt{ width:12rem; height:1.57rem; margin-left:0.4rem; border-bottom:1px solid #e1e1e1; font-size:0.5rem;}
.person .pn-lt a{ line-height:1.57rem;}
.person .pn-lt a img.img-lf{ width:0.72rem; height:0.68rem; vertical-align:middle; margin-right:0.5rem;}
.person .pn-lt a img.img-rt{ width:0.19rem; height:0.3rem; vertical-align:middle; margin-left:8.1rem;}

/*�������ϱ༭*/
.user_head{ position:relative;height:5rem;  background:url("../images/person/person_top.jpg") bottom; color:#fff;}
.user_head .user_head-img{text-align:center;margin: 0 auto ;padding-top: 0.6rem;}
.user_head .user_head-img img{ width:2.5rem; height:2.5rem;}
.user_head .user_head-img p{font-size:0.6rem;text-align: center;}
.user_head .user_head-img p.line{margin-top: 1px;}

.user_input {position: relative;padding:0 5px 15px 5px;border: 1px solid #a5a6a6;height: 30px;margin:10px 5px;border-radius: 5px;}
.user_input input {width:80%;border:0;outline:0;padding:0;vertical-align:middle;background-color: #ffffff;position: absolute;top:15px;margin-left: 10px;color:#686868;}
.user_input img{width: 22px;z-index: -1;margin-left: 10px;padding-top: 12px;}
.user_but1{width: 2.4rem; margin: 0 auto;}
.user_but{height: 40px; border-radius: 8px; background-color: #00a7ea; width:2.4rem; color: #ffffff; font-size: 0.5rem;border: none;text-align: center;margin: 0 auto;}

/*�û���¼ע���һ�*/
.content{vertical-align:middle;outline: none;}
.user_img{width:100%; height:80px;/* Firefox */ display:-moz-box; -moz-box-pack:center; -moz-box-align:center; /* Safari��Opera �Լ� Chrome */ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;/* W3C */ display:box;box-pack:center;box-align:center; border-bottom:1px solid #D7D7D7;}
.user_img img{height:40px;}
.user_login_checking {width: 100%;background: #FFF;}
.user_login_checking>div {border-bottom: 1px solid #D7D7D7;height: 55px;position: relative;}
.find_psword{width:100%;height:30px;padding:10px 18px 0;font-size: 14px;}
.find_psword>div{float:left;}
.find_psword img{padding-right:8px;}
.find_psword>div:last-child{margin-top:7px;}
.user_accpsw_img {width: 15%;}
.user_accpsw_number {}
.user_accpsw_img ,.user_accpsw_number {float: left;padding: 10px;}
.user_login_checking .user_accpsw_img img {width: 30px;height: 30px;border-right: 1px dashed #D7D7D7;float: right;padding-right: 8px;}
.user_login_checking .user_accpsw_number input {width: 95%;height: 25px;font-size: 15px;border: none;outline: none; }
#submit {width:100%;margin-top: 20px;position: relative; }
#submit .login{width: 80%;height: 40px;line-height: 40px;text-align: center;background-color:#00a7ea;background-size: 100% 100%;background-repeat: no-repeat;border-radius: 5px;color : #FFF;font-size:15px;letter-spacing:2px;margin:20px auto;}
#submit .regist{width: 80%;height: 40px;line-height: 40px; text-align: center; background-color:#00a7ea;background-size: 100% 100%;background-repeat: no-repeat;border-radius: 5px;color : #FFF;font-size:15px;letter-spacing:2px;margin:20px auto;}
.msgBtn{width:26% !important;text-align: center;border-radius: 5px;height: 35px;line-height: 35px;background: #71d3fa;padding:0px 5px;color:#0387bc;margin-top: 10px;font-size: 14px;position: absolute;bottom: 10px;right: 5px;}

.getCode{width: 101%;margin-top: 20px;margin-left:-10px;padding: 10px 0 0 20px;box-shadow: 0 0 5px #CCC;background: #FFF;font-size: 0;position: relative;}
.codeMainLeft,.codeMainRight{display: inline-block;font-size: 14px;vertical-align: top;letter-spacing: 1px;}
.codeMainLeft{width: 25%;}
.codeMainRight{width: 75%;}
.codeMainRight input{}
.codeMainRight>input,.codeMainRight>select{width: 100%;background: #FFF;border: none;font-size: 14px;}
.codeMain{padding-bottom: 15px;border-bottom: solid 1px #CCC;margin-bottom: 15px;}
.code{width: 40%;}
.msgBtn1{width:26% !important;text-align: center;border-radius: 5px;height: 35px;line-height: 35px;background: #71d3fa;padding:0px 5px;color:#0387bc;margin-top: 10px;font-size: 14px;position: absolute;bottom: 4px;right: 20px;}
.conBtn{width: 80%;margin: 0 auto;margin-top: 20px;height: 35px;line-height: 35px;border-radius: 8px;text-align: center;}
.btnUnable{color: #FFF;letter-spacing:1px;background: #00a7ea;}
/*�������*/
.save{margin-top: 5%; background-color:#00A7EA; font-size:14px; border:1px solid #00A7EA;border-radius:5px; width: 50%; color:#ffffff ;padding: 10px;}
.back_text{width: 80%;height: 150px;margin-top: 5%;}

/*�ϴ���Ƭ*/
#choose{display: none;}
canvas{width: 100%;border: 1px solid #000000;}
#upload{display: block;margin: 0.2rem;height: 2.5rem;text-align: center;line-height:2.5rem;border: 1px dashed #CCCCCC;color:#CCCCCC;font-size:2rem;border-radius: 5px;cursor: pointer;}
.touch{background-color: #ddd;}
.img-list{margin: 0.2rem auto;}
.img-list li{position: relative;display: inline-block;width: 4rem;height:4rem;margin: 5px 5px 20px 5px;border: 1px solid rgb(100,149,198);background: #fff no-repeat center;background-size: cover;}
.progress{position: absolute;width: 100%;height: 20px;line-height: 20px;bottom: 0;left: 0;background-color:rgba(100,149,198,.5);}
.progress span{display: block;width: 0;height: 100%;background-color:rgb(100,149,198);text-align: center;color: #FFF;font-size: 13px;}
.size{position: absolute;width: 100%;height: 15px;line-height: 15px;bottom: -18px;text-align: center;font-size: 13px;color: #666;}
.tips{display: block;text-align:center;font-size: 13px;margin: 10px;color: #999;}
.pic-list{margin: 10px;line-height: 18px;font-size: 13px;}
.pic-list a{display: block;margin: 10px 0;}
.pic-list a img{vertical-align: middle;max-width: 30px;max-height: 30px;margin: -4px 0 0 10px;}
.upload .upload_btn{font-size: 0.5rem;background:#00a7ea;color: white;padding: 0.3rem 0.8rem;cursor: pointer;border-radius: 10px;float: right;margin-right: 0.4rem}
.upload .upload_btn:hover{font-size: 0.5rem;background:#0289bf;color: white;padding: 0.3rem 0.8rem;cursor: pointer;}